<template>
  <view class="flex padding padding-top-lg justify-between bg-white">

    <view class="basis-xs  margin-top-lg">
      <nut-avatar size="large">
        <img
            src="https://img12.360buyimg.com/imagetools/jfs/t1/196430/38/8105/14329/60c806a4Ed506298a/e6de9fb7b8490f38.png"/>


      </nut-avatar>

    </view>
    <view class="flex-direction basis-df margin-top-lg margin-left justify-between">
      <view class="text-title">
        王其岩
      </view>

      <view class="round bg-blue cu-tag margin-top-sm">
        严选会员
      </view>
    </view>

    <view class="text-right margin-top-lg  text-center basis-sm">
      <view class="text-gray">
        个人主页
        <text class="cuIcon-right"></text>

      </view>

    </view>
  </view>
  <view class="bg-white padding flex   align-center">

    <view
        style="width: 100%"
        class="flex-direction padding-right justify-between align-center text-center solid-right">

      <view class="text-lg  text-bold">
        12
      </view>
      <view class="cu-tag round margin-top-xs">
        制作
      </view>
    </view>
    <view
        style="width: 100%"
        class="flex-direction padding-right justify-between align-center text-center ">
      <view class="text-lg  text-bold">
        12
      </view>
      <view class="cu-tag round margin-top-xs">
        关注
      </view>
    </view>

    <view style="width: 100%"
          class="flex-direction  padding-right justify-between align-center text-center solid-right">
      <view class="text-lg  text-bold">
        12
      </view>
      <view class="cu-tag round margin-top-xs">
        粉丝
      </view>
    </view>

    <view style="width: 100%"
          class="flex-direction  padding-right justify-between align-center text-center solid-right">
      <view class="text-lg  text-bold">
        12
      </view>
      <view class="cu-tag round margin-top-xs">
        获赞
      </view>
    </view>
  </view>

  <view class="margin-sm">
    <nut-swiper style="height: 200px;width: 100%" :pagination-visible="true" pagination-color="#426543"
                auto-play="3000">
      <nut-swiper-item>
        <img src="https://storage.360buyimg.com/jdc-article/NutUItaro34.jpg" alt=""/>
      </nut-swiper-item>
      <nut-swiper-item>
        <img src="https://storage.360buyimg.com/jdc-article/NutUItaro2.jpg" alt=""/>
      </nut-swiper-item>
      <nut-swiper-item>
        <img src="https://storage.360buyimg.com/jdc-article/welcomenutui.jpg" alt=""/>
      </nut-swiper-item>
      <nut-swiper-item>
        <img src="https://storage.360buyimg.com/jdc-article/fristfabu.jpg" alt=""/>
      </nut-swiper-item>
    </nut-swiper>

  </view>

  <view class="bg-white padding flex   align-center">

    <view
        style="width: 100%"
        class="flex-direction padding-right justify-between align-center text-center solid-right">

      <view class="text-lg  text-bold">
        <text class="cuIcon-camera"></text>
      </view>
      <view class="margin-top-xs">
        收藏
      </view>
    </view>
    <view
        style="width: 100%"
        class="flex-direction padding-right justify-between align-center text-center ">
      <view class="text-lg  text-bold">
        <text class="cuIcon-message"></text>
      </view>
      <view class="margin-top-xs">
        评论
      </view>
    </view>

    <view style="width: 100%"
          class="flex-direction  padding-right justify-between align-center text-center solid-right">
      <view class="text-lg  text-bold">
        <text class="cuIcon-like"></text>
      </view>
      <view class="margin-top-xs">
        点赞
      </view>
    </view>

    <view style="width: 100%"
          class="flex-direction  padding-right justify-between align-center text-center solid-right">
      <view class="text-lg  text-bold">
        <text class="cuIcon-comment"></text>
      </view>
      <view class=" margin-top-xs">
        客服
      </view>
    </view>
  </view>

</template>

<script>
export default {
  data() {
    return {}
  },
  methods: {}
}
</script>

<style scoped>

</style>